iT邦幫忙

2021 iThome 鐵人賽

DAY 11
0
自我挑戰組

ProtoPie 摸一摸系列 第 11

連續 30 天 玩玩看 ProtoPie - Day 11

  • 分享至 

  • xImage
  •  

一點開影片要繼續看下去...喔喔原來昨天已經看到影片的尾巴了。

講師跟大家講了一下謝謝,重新的回顧這次學了哪些內容。
(但...是不是有其他隱藏影片?我覺得好像有一些沒有提到...之後自己來玩。)

https://ithelp.ithome.com.tw/upload/images/20210926/2014194141SRjXjUnX.png

接著他分享了 Mateusz Jurkiewicz 用前面已經教的內容做的 Prototype,光是學會前面那些,就能做到這樣的程度。
(我不知道他是誰,有興趣可以 Google 一下,但你點進去就能玩他的這個示範 app)

連結在這:
https://cloud.protopie.io/p/e08502f165/

https://ithelp.ithome.com.tw/upload/images/20210926/20141941K1Yu9hSK3L.png

立刻就來進行下一個 Intermediate 的課程:Native Sensors 。

https://ithelp.ithome.com.tw/upload/images/20210926/20141941yx1xlVKcLA.png

這邊講師換人,建議大家先在手機上下載 ProtoPie Player ,這樣等等就能直接跟著玩。

哇,可以用手機的 Sensor 來做,不知道可以做到什麼程度。

下載滿快的,我的手機上是長這樣。

https://ithelp.ithome.com.tw/upload/images/20210926/20141941m5aBo4Wc2E.jpg

能夠不用寫程式就使用手機的感測器,Luke 也延續這張圖說明今天會用到這些功能。

https://ithelp.ithome.com.tw/upload/images/20210926/201419415alCz58unn.png

然後,今天會用到手機的相機、文字輸入以及...語音輸入!

https://ithelp.ithome.com.tw/upload/images/20210926/20141941w7PoMCCPoT.png

打開 ProtoPie ,繼續用昨天的檔案或下載一個新的。(新的會有新增 Scenes)
基本上就是從上一個工作坊的進度開始。

一樣從 IoT Home 這一頁開始,後面多了三個 Scenes ,Camera 要來用相機功能、Settings 做文字輸入跟 Voice 做語音輸入。

https://ithelp.ithome.com.tw/upload/images/20210926/20141941xQRhG7En8J.png

直接開始,選擇 Side Bar 的 Settings 。

Trigger 用 Tap 設定一個Response > Jump 跳到 Settings 這一頁。

跟前面很相近的操作,我就快速跳過中間細節。

https://ithelp.ithome.com.tw/upload/images/20210926/201419414rSRbkxw3z.png

一樣用Preview 測試能順利從 接著去 Scenes 裡面的 Settings 這一頁。

上面有個相機的圖示,就是常見可以點選之後更換頭像的icon 。

選擇相機的 icon 之後,選擇 Tap 跟底下的 Jump 到 Camera 。
https://ithelp.ithome.com.tw/upload/images/20210926/20141941MTJ948lKnr.png
這樣很快速的就把昨天的 Side Bar 裡面的 Settings 串到 Settings 這個頁面,然後點選相機 icon 就跳到 Camera 頁面。

https://ithelp.ithome.com.tw/upload/images/20210926/20141941V34ncqpcAK.png

接著我們在 Camera 這一頁就要實作三件事情。

讓使用者能在手機上用 ProtoPie Player 裡面的 Prototype

  1. 啟動相機
  2. 切換前後相機
  3. 拍照

我們先從左上角的 Media 選擇 Camera 。

https://ithelp.ithome.com.tw/upload/images/20210926/20141941ry7yfV19dz.png

畫面上會出現一個大黑塊就是 Camera 。

https://ithelp.ithome.com.tw/upload/images/20210926/20141941AD6VtUlmFO.png

我們接著把左邊的 Camera 往下移,就能讓其他的元素再見光明。

Camera 下移前
https://ithelp.ithome.com.tw/upload/images/20210926/201419415pD1Lwxt3b.png

Camera 下移後
https://ithelp.ithome.com.tw/upload/images/20210926/20141941OANzXyGZLI.png

講者說,ProtoPie 有兩種方式來啟動相機。

https://ithelp.ithome.com.tw/upload/images/20210926/20141941QhsotemOwT.png

第一種就是選擇 Camera 後,勾選最右手邊下方的 Auto Start 。

https://ithelp.ithome.com.tw/upload/images/20210926/20141941C38XAJ9QGm.png

在 Preview 你就能看到相機有一些橫線在跑。

https://ithelp.ithome.com.tw/upload/images/20210926/20141941uwVKhxRaPV.png

這時候你點選右上角 Preview 旁邊的 Device ,就會出現一個 QR code 。

https://ithelp.ithome.com.tw/upload/images/20210926/20141941xvP4HQktDV.png

準備好已經下載 ProtoPie Player 的手機,掃一下 QR code 。

https://ithelp.ithome.com.tw/upload/images/20210926/20141941pXVMenpqIA.png

手機上打開 ProtoPie Player 選擇 Scan QR code 就能掃你電腦上的 Qr code 。

https://ithelp.ithome.com.tw/upload/images/20210926/20141941AxPF2WuQ1s.jpg

看到一連串的畫面之後...

https://ithelp.ithome.com.tw/upload/images/20210926/20141941ktMG6I1njl.jpg

就看到手機裡的假 app 透過手機的相機傳影像進來了!

https://ithelp.ithome.com.tw/upload/images/20210926/20141941IHy6Tk2ypO.jpg

星期天結束了。

今天跟朋友聊完,一個在認真做 Unity 的 side project ,一個在練習架 NFT 的 Server。

這世界總是會有更多、更新、非常吸引人的事情不斷出現。

穩穩的一個接著一個去做想做的事情吧。


上一篇
連續 30 天 玩玩看 ProtoPie - Day 10
下一篇
連續 30 天 玩玩看 ProtoPie - Day 12
系列文
ProtoPie 摸一摸30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言